@import "global";
// 媒体设置根元素字体
// html {font-size: 50px}
// body {font-size: 50px}
// @media screen and (min-width: 320px) {
//   html {font-size: 21.333333333333332px;}
//   body {font-size: 12px;}
// }
// @media screen and (min-width: 360px) {
//   html {font-size: 24px;}
//   body {font-size: 12px;}
// }
// @media screen and (min-width: 375px) {
//   html {font-size: 25px;}
//   body {font-size: 12px;}
// }
// @media screen and (min-width: 384px) {
//   html {font-size: 25.6px;}
//   body {font-size: 14px;}
// }
// @media screen and (min-width: 400px) {
//   html {font-size: 26.666666666666668px;}
//   body {font-size: 14px;}
// }
// @media screen and (min-width: 414px) {
//   html {font-size: 27.6px;}
//   body {font-size: 14px;}
// }
// @media screen and (min-width: 424px) {
//   html {font-size: 28.266666666666667px;}
//   body {font-size: 14px;}
// }
// @media screen and (min-width: 480px) {
//   html {font-size: 32px;}
//   body {font-size: 15.36px;}
// }
// @media screen and (min-width: 540px) {
//   html{font-size: 36px;}
//   body{font-size: 17.28px;}
// }
// @media screen and (min-width: 720px) {
//   html {font-size: 48px;}
//   body {font-size: 23.04px;}
// }
// @media screen and (min-width: 750px) {
//   html {font-size: 50px;}
//   body {font-size: 24px;}
// }
// 上下1像素边框类
.bdr-btm,
.bdr-top {
  position: relative;
}

.bdr-top::before {
  @include brdCom(top, #ddd);
}

.bdr-btm::after {
  @include brdCom(bottom, #ddd)
}

// 浮动
.fl {
  float: left;
}

.fr {
  float: right;
}

//清除浮动
.clearfix:before,
.clearfix:after {
  display: table;
  content: '';
}

.clearfix:after {
  clear: both;
  zoom: 1;
}

.vc-switch,
.vc-panel {
  z-index: 1110101010101101010 !important;
}